<!--
  Generated template for the Mine page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-toolbar color="primary">
    <ion-title>我的</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content style="background-color: #f4f4f4">
  <ion-list>
    <ion-item class="no-border">
      <ion-thumbnail item-left >
        <img src="assets/img/avatar-ts-buzz.png" height="80%" width="80%"/>
      </ion-thumbnail>
      <h2>{{userName}}</h2>
      <p>ID:{{userCode}}</p>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item-divider color="light"></ion-item-divider>
    <ion-item (click)="toChangePwd()">
      <ion-avatar  item-left>
        <img src="assets/img/m_xgmm.png">
      </ion-avatar>
      <h2>修改密码</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/m_ycjl.png">
      </ion-avatar>
      <h2>用车记录</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/m_qhbl.png">
      </ion-avatar>
      <h2>切换部落</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item>
      <ion-avatar item-left>
        <img src="assets/img/m_yjfk.png">
      </ion-avatar>
      <h2>意见反馈</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>
    <ion-item (click)="logout()">
      <ion-avatar item-left>
        <img src="assets/img/m_logout.png">
      </ion-avatar>
      <h2>退出登录</h2>
      <ion-note item-end>
        <ion-icon name='ios-arrow-forward' ></ion-icon>
      </ion-note>
    </ion-item>

  </ion-list>

</ion-content>
